*{margin:0;padding:0;}
body{color: #706866;}
a{text-decoration:none;color: #666;}
a:hover{text-decoration: none !important;}
ul{list-style:none;}
.flex{display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.same{width: 100%;padding:20px 0;}
.center{width:85%;margin:0 auto;}
/*  index: header */
.header{background-color:#012847;color:#fff;}
.header img {width:25px ;height: 25px;}
.header_left{width:15%;margin: 20px 0;}
.header_right{width: 35%;}
.emli p{line-height:25px;margin:0 0 0 10px;}
/*  index: nav */
.nav{background-color: #f0f0f0;}
.nav .logo {width:20%;}
.nav .logo img{display:block;width:100%;}
.nav ul{width:40%;}
.nav ul li{width:20%;}
.nav ul li a{display:block;width:100%; color:black;font-weight:bold;text-align: center;}
.nav ul li a:hover{color:#fba01c;}
.active{color:#fba01c !important;}
/* index :banner */
.banner{width: 100%;background: url(../img/r.jpg)no-repeat;background-size: 100% 100%;color: #fff;text-align: center;height:600px;padding: 100px 0;}
.banner h1{font-size:45px;font-weight: bold;}
.banner p{font-size:20px;}
.search{width:40%;margin:50px auto;background-color:rgba(216, 211, 205, 0.85);padding:1% 0;}
.search input{line-height: 35px;border-radius:10px;background-color: #ffffff;border: 0;width: 50%;padding:0 5px;box-sizing: border-box;color:#000000;}
.search button{background-color:#fd9c0d;width:25%;line-height:35px;border: 0;border-radius:10px;padding:0 5px;box-sizing: border-box;font-weight: bold;color: #012847;}
.paris{margin: 100px 0 100px 0;}


/* container */
.container{width: 100%;}
.container_one{background-color: #f4f3ee;padding: 50px 0 60px 0;box-sizing: border-box;}
.container_box dl{width:30%;background-color: #fff;border-radius:10px;}
.container_box dl dt img{display: block;width: 100%;}
.container_box dl dd {padding: 10px ;box-sizing: border-box;}
.container_box dl dd h3{font-size:20px;border-bottom: 1px solid #ccc;line-height: 40px;font-weight: 550;}
.container_box dl dd p{line-height: 30px;color: #706866;}
.container_box dl dd p span{color: #f9ac50;font-weight: 550;}
.container_box dl:hover{transform: scale(1.1,1.1);}
/* 关于我们 */
.container_tow{background-color: #fff;text-align: center;padding: 60px 0;}
.tow_title h3{color: #e89d40;font-size:20px;line-height: 50px;text-align: center;}
.tow_title .bor{width: 5%;margin:0 auto;height: 3px;background-color:#e89d40;}
.notes{margin:30px;}
.two_conts{width:30%;}
.two_conts dt{width:150px;margin:20px auto;border: 1px solid #ccc;border-radius: 50%;height:150px ;}
.two_conts dt img{display:block;width:80px;height:60px ;border-radius: 50%;margin:40px auto;}
.two_conts dd{text-align: center;}
.two_conts dd h3{line-height:50px;font-weight: 550;}
.two_conts dd p{line-height: 30px;}
.two_butt{margin:25px auto;width: 30%;}
.two_butt button{width:30%;background-color: #ff9b12;color: #fff;border: 0;line-height: 60px;border-radius:30px;}
.two_conts:hover{transform: scale(1.1,1.1);color: #f19c2f;}
/* container_baner */
.container_baner{padding: 0 !important;}
.container_baner img{width: 100%;display: block;}
/* container_three */
.container_three{background-color: #f4f3ee;text-align: center;font-size: 16px;}
.three_cont dl{width:21%;text-align: center;margin:30px 0;padding:15px ;box-sizing: border-box;}
.three_cont dl dt img{width:30%;display: block;margin: 0 auto;}
.three_tit{font-size:20px;color:black;font-weight: bold;line-height: 45px;}
.three_tits{width: 90%;margin: 0 auto;color: #949a9a;}
.three_cont dl:hover{box-shadow: 1px 1px 20px #ccc;border-radius: 10px;}
.three_cont dl:hover .three_tits{color:#ff9b12;}

/* container_four */
.four_left{width:63%;margin-top:25px;}
.four_right{width:33.5%;}
.four_lefttop img{width:49%;display: block;}
.four_introduce{width:50%;}
.four_introduce h4{font-size:20px;color:#555b59;font-weight: 550;}
.four_col{color:black !important;}
.four_introduce p{line-height: 30px;color: #867666;}
.four_introduce span{color: #f19c2f;}
.four_lefttop:hover{transform: scale(1.05,1.05);}
.four_lefttop:hover .four_introduce p{color: #2ff1c0;}
.four_leftBottom{margin: 30px 0;}
.four_name{width: 30%;}
.four_name img{display:block;width: 100%;}
.four_name h4{color:#534b49;font-size: 18px;font-weight: 550;}
.four_right h2{color:#000300;line-height: 50px;font-weight:600;}
.four_name:hover{transform: scale(1.05,1.05);}
.four_name:hover  h4{color: #f19c2f;}

/* 进度条 */
.progress {height: 3px !important; margin-bottom: 15px}
.progress-bar-warning {background-color: #fca732 !important;}
.four_right ul li a{display: block;line-height:40px;font-weight: bold;font-size: 17px;color: #565d65;border-bottom: 1px solid #ccc;padding:0 15px;box-sizing: border-box;}
.four_right ul li a:hover{color: #f19c2f;}
/* 底部 */
.bottom{background-color:#26232c; color: #706866 !important;}
.flexs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.botTop_left{width:28%;}
.botTop_left p{line-height:25px;margin-top: 15px;}
.botTop_left img{display: block;width: 75%;}
.botTop_left h3{color: #fff;line-height: 50px;margin-top: 0;}
.botTop_left input{background-color:#26232c;border: 1px solid #ccc;width:100%;line-height: 40px;padding: 0 10px;box-sizing: border-box;margin:10px 0;}
.botTop_left button{background-color: #fd9c0d;line-height:40px;border: 0;text-align: center;width: 50%;color: #fff;}
.photos{margin-top: 30px;}
.photos img{width: 30% ;display: block;}
.bottoms{text-align: center;font-style: oblique;background-color:#312e37;color: #706866;}





@media only screen and (max-width:1024px){
  /* top */
 .header_left{width: 100%;}
 .header_right{width: 100%;}
 .top>.flex{justify-content: flex-start;}
 .emli{margin-right:30px;}
 /* nav */
 .nav .logo {width: 100%;}
 .nav .logo img{display:block;width:30%;}
 .nav ul{width: 100%;margin: 20px 0;}
 .nav ul li a{text-align: left;}
 /* banner */
 .banner_cot{width: 100%;}
 .search{width:100%;padding: 20px 0;}
 .search input{width:75%;line-height:35px;}
 .search button{width:30%;line-height:35px;}
 /* container_one */
 .container_box dl{width:85%;margin-bottom:30px;}
 /* about us */
 .two_conts{width:100%;}
 .two_butt button{width:40%;line-height:40px;}
 /* container_three  */
.three_cont dl{width:100%;}
.three_cont dl dt img{width:15%;}
/* container_four  */
.four_left{width:100%;}
.four_right{width:100%;}
.four_lefttop img{width:100%;}
.four_name img{width:50%;}
.four_introduce{width:100%;}
.four_name{width:100%;}
.four_name h4{line-height: 50px;}
/* 底部 */
.botTop_left{width:100%;}

.photos img{width: 100%;margin-bottom: 20px;}
}
